
@media screen and (min-width: 1200px) {
.container {
	width: 970px;
}
}

@media screen and (min-width:990px) {
.aboutlist01 { padding-left:80px;}
.aboutlist02 { padding-right:80px;}

}


@media screen and (max-width:990px) {
.newlist .newimg {padding-right:0; }
.newlist .newtext { padding-left:0;}
.about-us .imgl { padding-right:15px; padding-left:15px; }
.about-us .imgr { padding-right:15px; padding-left:15px;  }
.top-banner-app01 { background-size: auto 370px; height: 370px; }
.top-banner-app02 { background-size: auto 280px; height: 280px; }

.product-detail { padding:0 15px; }

.product-detail .product-txt span {  overflow: inherit; height:auto; padding-bottom:30px; border-bottom:1px dotted #ccc;}

}


@media (min-width:768px) and (max-width:990px) {
	.navbar-brand img {
	position:absolute;
	clip: rect(0 120px 50px 0);}
	
	
	}

@media screen and (min-width: 768px) {
.navbar-nav {
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 0;
}
.navbar-nav>li>a {
	padding-top: 17px;
	padding-bottom: 8px;
}
.navbar {
	margin-bottom: 18px;
}

.navbar-right .dropdown-menu { left:0; right:auto;}

.dropdown-menu>li>a {padding: 8px 20px;}

.dropdown:hover .dropdown-menu { display:block;}


}

@media screen and (max-width: 767px) {

.top-banner { background-size: auto 200px; height:200px;}	
	
.navbar-collapse {
	margin-top: 15px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: #E7E7E7;
	border-bottom: 0px solid #1EB8CE;
}
.navbar-nav {
	background-color: #F8F8F8;
}
.navbar-nav {
	margin-top: 0;
	border-bottom: 1px solid #E7E7E7;
}

.newslist .dt03 .sp01 { background:#D9D9D9; color:#15608b;}
.newslist .dt04 .sp01 { background:#15608b; color:#fff;}
.newslist { padding:0 20px;}

.aboutlist01,.aboutlist02 {padding:15px 0px 0;}

.strategic img { width:100%}

.footer .footer01 { height:60px; vertical-align:bottom; }
.footer .footer02 { height:90px;}

.page-title .breadcrumb {text-align: left; padding-left:15px; margin-top:30px; }

.aboutlist02 { padding-top:3px; }
.about-list span { display:block;} 


}

@media screen and (max-width: 460px) {
.download-l a img { width:150px;}
}

@media screen and (max-width: 400px) {
.top-banner { background-size: auto 100px; height:100px;}
.navbar-brand img {
	position:absolute;
	clip: rect(0 120px 50px 0);}
.top-data span a {  font-size: 12px; }
.top-data span { font-size: 12px; margin:0 5px; }

}

@media screen and (max-width: 350px) {
.download-l a img { width:130px;}
}


/*@media (min-width:768px) and (max-width:993px){
.navbar-collapse.collapse{display: none!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-toggle{display: block;}
.navbar-header {float: none;}
}*/
